﻿<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>首页 - 光年(Light Year Admin)后台管理系统模板</title>
<link rel="icon" href="favicon.ico" type="image/ico">
<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
<meta name="author" content="yinqi">
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/css/materialdesignicons.min.css" rel="stylesheet">
<link href="/static/css/style.min.css" rel="stylesheet">
<style>
    .topbar input[type=text]{
        padding-left: 2ch;
        height: 40px;
        line-height: 40px;
        width: 70%;
        border: 1px solid #888888; /* 设置边框宽度为1像素，颜色为灰色 */  
        border-radius: 10px; /* 设置边框圆角 */  
        background-color: #f0f0f0; /* 设置背景颜色为浅灰色 */  
    }
    .topbar input[type=submit]{
        height: 40px;
        line-height: 40px;
        width: 20%;
        border: 1px solid #777777; /* 设置边框宽度为1像素，颜色为灰色 */  
        border-radius: 10px; /* 设置边框圆角 */  
        font-size: 16px;
        background-color: white; 
        color: #0080FF; 
        font-weight: bold;
    }
    .m-b-0 a{
        color: #f0f0f0;
        font-size: 18px;
        text-decoration: none; 
    }
</style>
<script>
    function keyword(){
        
    }
</script>
</head>

<body>
<div class="lyear-layout-web">
  <div class="lyear-layout-container">
    <!--头部信息-->
    <header class="lyear-layout-header">
    <form action="/phone/index" method="post">
      <nav class="navbar navbar-default">
        <div class="topbar">
            <input type="text" name="keyword" value="{$keyword|default=''}">
            <input type="submit" value="搜索">
            <!--切换主题配色-->
        </div>
      </nav>
       </form>
    </header>
    <!--End 头部信息-->
    
    <!--页面主要内容-->
    
    <main class="lyear-layout-content">
        
      <div class="container-fluid">
        {notempty name="$keywords"}
        {eq name="$keywords.all" value="0"}
        <div class="col-sm-6 bg-danger">
              <div class="card-body clearfix">
                <!-- <div class="pull-right"> -->
                <div>
                  <!-- <p class="h6 text-white m-t-0"></p> -->
                  <p class="h3 text-white m-b-0">没有查询到相关信息,请自行判断</p>
                </div>
                <!-- <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-arrow-down-bold fa-1-5x"></i></span> </div> -->
              </div>
            </div>
          </div>
        {/eq}
        <div class="row">
          <div class="col-sm-6 col-lg-3">
            <div class="card bg-primary">
              <div class="card-body clearfix">
                <!-- <div class="pull-right"> -->
                <div>
                  <p class="h2 text-white m-t-0">日均搜索量:</p>
                  <p class="h3 text-white m-b-0">全端:{$keywords.all}<br/>电脑端:{$keywords.pc}<br/>手机端{$keywords.phone}</p>
                </div>
                <!-- <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-currency-cny fa-1-5x"></i></span> </div> -->
              </div>
            </div>
          </div>
          
          <div class="col-sm-6 col-lg-3">
            <div class="card col-lg-3">
                <div class="card bg-success">
              <div class="card-body clearfix">
                <!-- <div class="pull-right"> -->
                <div>
                  <p class="h2 text-white m-t-0">收费指导价格:</p>
                  <p class="h3 text-white m-b-0">全端:{$keywords.price}<br/>电脑端:{$keywords.pc_price}<br/>手机端{$keywords.phone_price}</p>
                </div>
                <!-- <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-account fa-1-5x"></i></span> </div> -->
              </div>
            </div>
          </div>
          {notempty name="$keywords.keywords"}
          <div class="col-sm-6 col-lg-3">
            <div class="card bg-purple">
              <div class="card-body clearfix">
                <!-- <div class="pull-right"> -->
                <div>
                  <p class="h2 text-white m-t-0">相关词条:</p>
                  <p class="h3 text-white m-b-0">
                    {volist name="$keywords.keywords" id="value"}    
                    <a href="/phone/index?keyword={$value}">{$value}</a>
                    {/volist}
                   </p>
                </div>
                <!-- <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-comment-outline fa-1-5x"></i></span> </div> -->
              </div>
            </div>
          </div>
          {/notempty}
        </div>
        {/notempty}
        <!-- <div class="row">
          
          <div class="col-lg-6"> 
            <div class="card">
              <div class="card-header">
                <h4>每周用户</h4>
              </div>
              <div class="card-body">
                <canvas class="js-chartjs-bars"></canvas>
              </div>
            </div>
          </div>
          
          <div class="col-lg-6"> 
            <div class="card">
              <div class="card-header">
                <h4>交易历史记录</h4>
              </div>
              <div class="card-body">
                <canvas class="js-chartjs-lines"></canvas>
              </div>
            </div>
          </div>
        </div>
         -->
        <div class="row">
          
          <div class="col-lg-12">
            <div class="card">
              <div class="card-header">
                <h4>最新添加的关键词</h4>
              </div>
              <div class="card-body">
                <div class="table-responsive">
                  <table class="table table-hover">
                    <thead>
                      <tr>
                        <th>关键词</th>
                        <!-- <th>添加时间</th> -->
                        <th>热度</th>
                        <th>价格</th>
                      </tr>
                    </thead>
                    <tbody>
                    {volist name="list" id="value"}
                      <tr>
                        <td>{$value.keyword}</td>
                        <!-- <td>{$value.create_time}</td> -->
                        <td>{$value.all}</td>
                        <td>{$value.price}</td>
                      </tr>
                    {/volist}
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
          
        </div>
        
      </div>
      
    </main>
    <!--End 页面主要内容-->
  </div>
</div>

<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/static/js/main.min.js"></script>

<!--图表插件-->
<script type="text/javascript" src="/static/js/Chart.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    var $dashChartBarsCnt  = jQuery( '.js-chartjs-bars' )[0].getContext( '2d' ),
        $dashChartLinesCnt = jQuery( '.js-chartjs-lines' )[0].getContext( '2d' );
    
    var $dashChartBarsData = {
		labels: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
		datasets: [
			{
				label: '注册用户',
                borderWidth: 1,
                borderColor: 'rgba(0,0,0,0)',
				backgroundColor: 'rgba(51,202,185,0.5)',
                hoverBackgroundColor: "rgba(51,202,185,0.7)",
                hoverBorderColor: "rgba(0,0,0,0)",
				data: [2500, 1500, 1200, 3200, 4800, 3500, 1500]
			}
		]
	};
    var $dashChartLinesData = {
		labels: ['2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014'],
		datasets: [
			{
				label: '交易资金',
				data: [20, 25, 40, 30, 45, 40, 55, 40, 48, 40, 42, 50],
				borderColor: '#358ed7',
				backgroundColor: 'rgba(53, 142, 215, 0.175)',
                borderWidth: 1,
                fill: false,
                lineTension: 0.5
			}
		]
	};
    
    new Chart($dashChartBarsCnt, {
        type: 'bar',
        data: $dashChartBarsData
    });
    
    var myLineChart = new Chart($dashChartLinesCnt, {
        type: 'line',
        data: $dashChartLinesData,
    });
});
</script>
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<!-- <div class="copyrights" id="links20210126">
	Collect from <a href="http://www.cssmoban.com/"  title="网站模板">模板之家</a>
	<a href="http://cooco.net.cn/" title="组卷网">组卷网</a>
</div> -->
</body>
</html>